<%-- 
    Document   : index
    Created on : 20/07/2013, 07:16:28 PM
    Author     : Miguel Angel
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
        <meta http-equiv="Content-Type"
              content="text/html; charset=utf-8">
<!-- TemplateBeginEditable name="doctitle" -->
<title>ProyectoWeb</title>
        <!-- TemplateEndEditable -->
        <style type="text/css">
      #Cuerpo {
	background-color: #0C6;
	height: 900px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
      #Cuerpo #Cabezera {
	background-color: #0CF;
	height: 160px;
	width: 1000px;
}
      #Cuerpo #Cabezera #Logo {
	background-color: #FF9;
	height: 160px;
	width: 160px;
	float: left;
}
      #Cuerpo #Cabezera #Texto {
	float: left;
	height: 160px;
	width: 680px;
	background-color: #999;
	background-image: url(Imagenes/titulo.png);
	background-repeat: no-repeat;
	background-position: 50px 10px;
}
      #Cuerpo #Cabezera #Imagen {
	background-color: #FF9;
	float: right;
	height: 160px;
	width: 160px;
}
      #Cuerpo #Encabezado {
	background-color: #0066FF;
	height: 30px;
	width: 1000px;
}
      #Cuerpo #Contenido {
	background-color: #C09;
	height: 690px;
	width: 1000px;
}
      #Cuerpo #Base {
	background-color: #9FF;
	height: 20px;
	width: 1000px;
}
#Cuerpo #Contenido #Faldon {
	background-color: #CCC;
	float: left;
	height: 190px;
	width: 1000px;
}
      #Cuerpo #Contenido #Menu {
	background-color: #CFF;
	float: left;
	height: 500px;
	width: 180px;
}
      #Cuerpo #Contenido #Contexto {
	background-color: #CCC;
	float: left;
	height: 500px;
	width: 580px;
}
      #Cuerpo #Contenido #BarraLateral {
	background-color: #CFF;
	float: right;
	height: 500px;
	width: 240px;
}
      #Cuerpo #Contenido #Menu table {
	text-align: left;
	margin-top: 100px;
	margin-left: 10px;
}
#Cuerpo #Contenido #BarraLateral table {
	margin-top: 95px;
	margin-left: 10px;
	text-align: left;
}
      a:link {
	text-decoration: none;
	color: #003;
}
a:visited {
	text-decoration: none;
	color: #003;
}
a:hover {
	text-decoration: none;
	color: #FFF;
}
a:active {
	text-decoration: none;
	color: #003;
}
        </style>
<!-- TemplateBeginEditable name="head" -->
        <!-- TemplateEndEditable -->
</head>
<body bgcolor="#FFFFFF" topmargin="0">
<div id="Cuerpo">
  <div id="Cabezera">
    <div id="Logo">Content for  id "Logo" Goes Here</div>
    <div id="Texto">
      <blockquote>
        <blockquote>
          <blockquote>
            <blockquote>
              <blockquote>
                <blockquote>
                  <blockquote>
                    <blockquote>
                      <blockquote>
                        <blockquote>
                          <blockquote>
                            <blockquote>
                              <blockquote>
                                <blockquote>
                                  <blockquote>
                                    <blockquote>
                                      <p>&nbsp; </p>
                                    </blockquote>
                                  </blockquote>
                                </blockquote>
                              </blockquote>
                            </blockquote>
                          </blockquote>
                        </blockquote>
                      </blockquote>
                    </blockquote>
                  </blockquote>
                </blockquote>
              </blockquote>
            </blockquote>
          </blockquote>
        </blockquote>
      </blockquote>
    </div>
    <div id="Imagen">Content for  id "Imagen" Goes Here</div>
  </div><!--FIN CABEZERA -->
  <div id="Encabezado"></div>
  <div id="Contenido">
    <div id="Menu">
      <table width="160" border="1">
        <tr>
          <th scope="row">MENU</th>
        </tr>
        <tr>
          <th scope="row"><a href="#">Mision</a></th>
        </tr>
        <tr>
          <th scope="row"><a href="#">Vision</a></th>
        </tr>
        <tr>
          <th scope="row"><a href="#">Foro</a></th>
        </tr>
        <tr>
          <th scope="row"><a href="#">Noticias</a></th>
        </tr>
        <tr>
          <th scope="row"><a href="#">Enlaces</a></th>
        </tr>
        <tr>
          <th scope="row"><a href="#">Contactar</a></th>
        </tr>
      </table>
    </div>
    <div id="BarraLateral">
      <table width="140" border="1">
        <tr>
          <th colspan="2" scope="row">LOGIN</th>
        </tr>
        <tr>
          <th scope="row">Usuario</th>
          <td><form id="form1" name="form1" method="post" action="">
            <label for="txtUsuario3"></label>
            <input type="text" name="txtUsuario" id="txtUsuario3" />
          </form></td>
        </tr>
        <tr>
          <th scope="row">Password</th>
          <td><form id="form2" name="form2" method="post" action="">
            <label for="txtPassword"></label>
            <input type="password" name="txtPassword" id="txtPassword" />
          </form></td>
        </tr>
        <tr>
          <th colspan="2" scope="row">&nbsp;</th>
        </tr>
        <tr>
          <th height="25" scope="row"><form id="form3" name="form3" method="post" action="">
            <input type="submit" name="txtAceptar" id="txtAceptar" value="Aceptar" />
          </form></th>
          <td><form id="form4" name="form4" method="post" action="">
            <input type="submit" name="txtCancelar" id="txtCancelar" value="Cancelar" />
          </form></td>
        </tr>
      </table>
      <p>&nbsp;</p>
    </div>
    <div id="Contexto">&nbsp;Content for  id "Contexto" Goes Here</div>
    <div id="Faldon">Content for  id "Faldon" Goes Here</div>
  </div>
  <div id="Base">Content for  id "Base" Goes Here</div>
  <p>&nbsp;</p>
</div><!--FIN DEL CUERPO -->
<p>&nbsp;</p>
</body>
</html>
